
{%include file="index.header.tpl.php"%}
{%include file="index.left.tpl.php"%}
 <style>
		@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width:1024px)  {
		table, thead, tbody, th, td, tr { 
			display: block; 
		}
		thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		td { 
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left:44% !important; 
			padding-top:10px ;
		}
	    #mytable tr{ margin-bottom:20px;}
		td:before { 
			position: absolute;
			top:10px;
			left:8px;
			width: 45%; 
			padding-right:10px;
			white-space: nowrap;
		}
		    td:nth-of-type(1):before { content: "学校部门名称"; }
			td:nth-of-type(2):before { content: "成员"; }
			td:nth-of-type(3):before { content: "操作"; }
        }
		
	</style>
  <!--主要内容开始-->
  <div class="content-wrapper">
    <section class="content">
      <div class="row">
        <section class="col-lg-12 connectedSortable">
         <div class="box box-default box-solid">
		    <form action="" method="">
                <div class="box-header with-border">
                    <span class="fa fa-user" style="float:left; font-size:18px; padding-top:3px; color:#3c8dbc;" ></span>
                    <p class="box-title">***添加成员</p>
                </div>
                <div class="box-body">
                  <ul class="speacial">
				       <li class="col-sm-2"><td><label><input type="checkbox"> 张三 （110）</label></td></li>
					   <li class="col-sm-2"><td><label><input type="checkbox"> 张三 （110）</label></td></li>
					   <li class="col-sm-2"><td><label><input type="checkbox"> 张三 （110）</label></td></li>
					   <li class="col-sm-2"><td><label><input type="checkbox"> 张三 （110）</label></td></li>
					   <li class="col-sm-2"><td><label><input type="checkbox"> 张三 （110）</label></td></li>
					   <li class="col-sm-2"><td><label><input type="checkbox"> 张三 （110）</label></td></li>
					   <li class="col-sm-2"><td><label><input type="checkbox"> 张三 （110）</label></td></li>
					   <li class="col-sm-2"><td><label><input type="checkbox"> 张三 （110）</label></td></li>
					   <li class="col-sm-2"><td><label><input type="checkbox"> 张三 （110）</label></td></li>
					   <li class="col-sm-2"><td><label><input type="checkbox"> 张三 （110）</label></td></li>
					   <li class="col-sm-2"><td><label><input type="checkbox"> 张三 （110）</label></td></li>
				  </ul>
				</div><!--box-body -->
				<div class="box-footer text-center">
				      <button type="submit" class="btn btn-primary">确 定</button>
				</div>
			 </form>
           </div><!--box box-default box-solid-->
        </section>   
      </div><!--row-->
    </section>
 </div>
 <style>
 .speacial li{ list-style:none; padding-left:0px; padding-bottom:10px;}
 .speacial li label{ color:#777; font-weight:400;}
 </style>
{%include file="index.footer.tpl.php"%}

